<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
            Trâmite
        </ui:define>        

        <ui:define name="content">         

            <h:form id="visualizarTramite">

                <p:fieldset legend="Dados do Protocolo">
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Código:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.protocolo.cliente.id }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Data:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.protocolo.dataCadastro }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Interessado:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.protocolo.cliente.nome }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.protocolo.cliente.tipoPessoa eq 'FISICA' ? 'CPF:' : 'CNPJ:' }" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.protocolo.cliente.tipoPessoa eq 'FISICA' ? managerPesquisarTramite.adicionarMascaraCPF(managerPesquisarTramite.tramiteVisualizar.protocolo.cliente.cpf) : managerPesquisarTramite.adicionarMascaraCNPJ(managerPesquisarTramite.tramiteVisualizar.protocolo.cliente.cnpj) }" />
                        </div>
                    </div>
                </p:fieldset>
                
                <p:fieldset legend="Unidade Remetente">
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Nome:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.usuarioRemetente.nome }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Seção:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.remetente.nome }" />
                        </div>
                    </div>
                </p:fieldset>
                
                <p:fieldset legend="Unidade de Destino">
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Nome:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.usuarioDestino.nome }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Seção:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.destino.nome }" />
                        </div>
                    </div>
                </p:fieldset>                

                <p:fieldset legend="Dados">
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Situação:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.situacao.nome }" />
                        </div>

                        <div class="column2 bold">
                            <p:outputLabel value="Prazo de conclusão:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.prazoConclusao }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Assunto:" />
                        </div>
                        <div class="column8 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.assunto }" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Despacho:" />
                        </div>
                        <div class="column8 text">
                            <p:outputLabel value="#{ managerPesquisarTramite.tramiteVisualizar.despacho }" />
                        </div>
                    </div>
                </p:fieldset>
                
                <div class="command">
                    <p:button value="Voltar" icon="ui-icon-arrowreturn-1-w" href="pesquisarTramite.xhtml" />
                </div>
                
            </h:form>
            
        </ui:define>
    </ui:composition>
    
</html>